﻿.memberBox {
    .headBox { padding-top: 0; padding-bottom: 50px; color: #fff; background-image: url('/static/images/common/bg.png'); background-size: cover; background-position: center; background-color: #D0241C;
        .user-info-box { padding-top: 20px;
            .login-user-view { position: relative; text-align: center;
                .login-user-avatar-view { position: relative; margin-bottom: 10px; align-items: center; justify-content: center; display: flex; }
            }
        }
        .user-info-tip-box { position: relative; margin: 10px 14px; border-radius: 10px; padding: 10px 14px;
            .u-line-1 { padding-right: 22px; }
            .icon { position: absolute; right: 14px; top: 12px; }
        }
		.sum-amount {
			color: red; padding: 8rpx 14rpx; background-color: rgba(255,255,255,.9); border-radius: 20rpx;
		}
    }
}
.coreshop-view-content { padding: 0 10px 10px 10px; margin-top: -32px;
    .coreshop-user-info-order-box { border-radius: 10px;
        .coreshop-list {
            &.grid {
                &.no-border { padding: 0;
                    & > .coreshop-list-item { padding-bottom: 5px; }
                }
            }
        }
        .transactionNumber { position: absolute; top: -1rpx; right: 24rpx; width: 34rpx; height: 34rpx; line-height: 34rpx; text-align: center; background-color: #D0241C; color: #fff;
		    border-radius: 50%; font-size: 26rpx; margin-bottom: 2px; }
    }
    .coreshop-list {
        &.grid {
            & > .coreshop-list-item {
                text { color: inherit; }
            }
        }
    }
    .coreshop-user-info-money-box { border-radius: 10px;
        .money-col {
            .money-item { position: relative;
                .money-item-view { border: 1px solid #f3f2f3; border-radius: 10px; position: relative; padding: 5px;
                    .money-avatar { position: absolute; left: 5px; }
                    .money-content { position: relative; margin-left: 55px; margin-bottom: 14px; top: 6px; }
                }
            }
        }
    }
    .coreshop-user-info-tools-box { border-radius: 10px;
        .tools-view { position: relative;
            .tools-title { padding-right: 41px; }
            .tools-right { position: absolute; right: 5px; bottom: 12px; }
        }
    }
}

.text-border-x { margin-right: 12px; position: relative;
    &:after { position: absolute; background: #dddddd; top: 5px; width: 1px; right: -6.5px; height: 8px; content: " "; }
}

.account-face { height: 60px; width: 60px; flex: 0 0 60px; background-color: transparent; border-radius: 500px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 14px; color: #606266; -webkit-border-radius: 10px; border-radius: 10px; position: relative; }
.yqhy { width: 40rpx; height: 40rpx; background-image: url(/static/images/my/1.png); background-size: 100% 100%; }
.yqhy2 { width: 40rpx; height: 40rpx; background-image: url(/static/images/my/2.png); background-size: 100% 100%;}

.coreshop-avatar {width: 78rpx; height: 78rpx; background-color: #FF9500; border-radius: 50%;}

.grid-text { font-size: 14px; margin-top: 10px; margin-bottom: 10px; color: $core-type-info; }

.coreshop-bg-green { background-color: #FF9518; color: #ffffff;}

.title-card {
	display: flex;
	align-items: center;
		&::before {
			content: '';
			display: inline-block;
			width: 7rpx;
			height: 36rpx;
			margin-right: 14rpx;
			border-radius: 19rpx;
			background-color: #D0241C;
		}
	}
	
	
	.jy-img {
		width: 55rpx;
		height: 55rpx;
	}
	
	.u-grid-item {
		position: relative;
	}